<style>
  .elemmainexpense_table1 {
    width: 1124px;
  }
  .elemmainexpense_table2 {
    height: 24px;
    font-size: 10px;
  }
  .elemmainexpense_table3 {
    font-size: 10px;
    border-top: 1px solid #694247;
    border-left: 1px solid #694247;
  }
  .elemmainexpense_table3 td{
    border-bottom: 1px solid #694247;
    border-right: 1px solid #694247;
  }
  .elemmainexpense_add{
    height: 28px;
    background: #ebebe3;
  }
  .elemmainexpense_add>td{
    border-bottom: solid 1px #694247;
  }
  .elemmainexpense_td1,.elemmainexpense_td2 {width: 70px;}
  .elemmainexpense_td3 {width: 100px;}
  .elemmainexpense_td4 {width: 100px;}
  .elemmainexpense_td14 {width: 100px;}
  .elemmainexpense_td5 {width: 65px;}
  .elemmainexpense_td6 {width: 90px;}
  .elemmainexpense_td7 {width: 60px;}
  .elemmainexpense_td8 {width: 20px;text-align: center;padding-left: 0!important;;}
  .elemmainexpense_td9 {width: 65px;padding-left: 5px;}
  .elemmainexpense_td10 {width: 120px;}
  .elemmainexpense_td11 {width: 50px;}
  .elemmainexpense_td12 {width: 63px;}
  .elemmainexpense_td13 {width: 50px;padding-left: 5px;}
  
  .elemmainexpense_td1,.elemmainexpense_td2,.elemmainexpense_td3,.elemmainexpense_td4,.elemmainexpense_td8,
  .elemmainexpense_td12{cursor: pointer;}
  
  .elemmainexpense_title {
    height: 24px;
    font-weight:bold;
    font-size:13px;
    color:#fff;
    background-color: #885b5d;
  }
  .elemmainexpense_title td{
    border-right: solid 1px #fff;
    padding-left: 5px;
  }
  .elemmainexpense_td11 {
    border-right: none!important;
  }
  input[type=text],select{
    border-left:solid 1px #d2c4b9;
    border-top:solid 1px #d2c4b9;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
  }
  .elemmainexpense_selectText {
    width: 85px;
    height: 20px;
  }
  .elemmainexpense_text {
    width: 96%;
    height: 16px;
  }
  .elemmainexpense_tdm {
    font-weight:bold;
    font-size:10pt;
    color:#000;
  }
  .elemmainexpense_add1 {
    background-image: url(images/buttons/add1.png);
    height: 20px;
    width: 59px;
    cursor:pointer;
    border: 0;
  }
  .elemmainexpense_add1:hover {
    background-image: url(images/buttons/add1_h.png);
    height: 20px;
    width: 59px;
    cursor:pointer;
    border: 0;
  }
</style>



<table class="elemmainexpense_table1" cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_main_table">
  <tr class="elemmainexpense_title">
    <td class="elemmainexpense_td1" id="{{$template|escape:'html'}}_cdate_link">
      <span style="letter-spacing:2px">C/</span>Date
    </td>
    <td class="elemmainexpense_td2" id="{{$template|escape:'html'}}_pdate_link">
    <span style="letter-spacing:2px">P/</span>Date
    </td>
    <td class="elemmainexpense_td3" id="{{$template|escape:'html'}}_payee_link">
      Payee
    </td>
    <td class="elemmainexpense_td4" id="{{$template|escape:'html'}}_particular_link">
      Particular
    </td>
    <td class="elemmainexpense_td14" id="{{$template|escape:'html'}}_category_link">
      Category
    </td>
    <td class="elemmainexpense_td5">
      Amount
    </td>
    <td class="elemmainexpense_td6">
      Method
    </td>
    <td class="elemmainexpense_td7">
      <span style="letter-spacing:2px">Q/N</span>
    </td>
    <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_all_link">
      All
    </td>
    <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_alk_link">
      A
    </td>
    <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_syd_link">
      S
    </td>
    <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_mel_link">
      M
    </td>
    <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_ny_link">
      N
    </td>
    <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_xtrao_link">
      X
    </td>
    <td class="elemmainexpense_td8" id="{{$template|escape:'html'}}_bne_link">
      B
    </td>
    <td class="elemmainexpense_td10">
      Note
    </td>
    <td class="elemmainexpense_td12" id="{{$template|escape:'html'}}_user_link">
      User
    </td>
    <td class="elemmainexpense_td11">
      Action
    </td>
  </tr>
  <tr class="elemmainexpense_add">
    <td id="{{$template|escape:'html'}}_createdDate_div" class="elemmainexpense_td9"></td>
    <td>
      <input type="text" class="elemmainexpense_text" id="{{$template|escape:'html'}}_paidDate_text"></input>
    </td>
    <td>
      <table cellPadding="1" cellSpacing="0">
        <tr>
          <td width="127px">
            <select type="text" class="elemmainexpense_selectText" id="{{$template|escape:'html'}}_who_select"></select>
          </td>
          <td>
            <input type="button" class="add2" onfocus="blur()" id="{{$template|escape:'html'}}_add1_button" />
          </td>
        </tr>
      </table>
    </td>
    <td>
      <table cellPadding="1" cellSpacing="0">
        <tr>
          <td width="112px">
            <select type="text" class="elemmainexpense_selectText" id="{{$template|escape:'html'}}_particular_select"></select>
          </td>
          <td>
            <input type="button" class="add2" onfocus="blur()" id="{{$template|escape:'html'}}_add2_button" />
          </td>
        </tr>
      </table>
    </td>
    <td>
      <table  cellPadding="1" cellSpacing="0">
        <tr>
          <td width="112px"><select type="text" class="elemmainexpense_selectText" id="{{$template|escape:'html'}}_what_select"></select></td>
          <td><input type="button" class="add2" onfocus="blur()" id="{{$template|escape:'html'}}_add3_button"></input></td>
        </tr>
      </table>
    </td>
    <td>
      <input type="text" class="elemmainexpense_text" id="{{$template|escape:'html'}}_amount_text"></input>
    </td>
    <td>
      <table cellPadding="0" cellSpacing="0">
        <tr>
          <td>
            <input type="radio" name="mehtod" id="{{$template|escape:'html'}}_c_input"></input>
          </td>
          <td class="elemmainexpense_tdm">
            C
          </td>
          <td>
            <input type="radio" name="mehtod" id="{{$template|escape:'html'}}_b_input"></input>
          </td>
          <td class="elemmainexpense_tdm">
            B
          </td>
          <td>
            <input type="radio" name="mehtod" id="{{$template|escape:'html'}}_q_input"></input>
          </td>
          <td class="elemmainexpense_tdm">
            Q
          </td>
        </tr>
      </table>
    </td>
    <td>
      <input type="text" class="elemmainexpense_text" id="{{$template|escape:'html'}}_qn_text"></input>
    </td>
    <td><input type="checkbox" id="{{$template|escape:'html'}}_all_checkbox"></input></td>
    <td><input type="checkbox" id="{{$template|escape:'html'}}_alk_checkbox"></input></td>
    <td><input type="checkbox" id="{{$template|escape:'html'}}_syd_checkbox"></input></td>
    <td><input type="checkbox" id="{{$template|escape:'html'}}_mel_checkbox"></input></td>
    <td><input type="checkbox" id="{{$template|escape:'html'}}_ny_checkbox"></input></td>
    <td><input type="checkbox" id="{{$template|escape:'html'}}_xtrao_checkbox"></input></td>
    <td><input type="checkbox" id="{{$template|escape:'html'}}_bne_checkbox"></input></td>
    <td>
      <input type="text" class="elemmainexpense_text" id="{{$template|escape:'html'}}_note_text"></input>
    </td>
    <td id="{{$template|escape:'html'}}_user_div" class="elemmainexpense_td13"></td>
    <td>
      <input type="button" id="{{$template|escape:'html'}}_add_button" class="elemmainexpense_add1"></img>
    </td>
  </tr>
</table>
